<h3 class="page-title">首页
    <small>Home</small>
</h3>
<ul class="breadcrumb">
    <li>
        <i class="icon-home"></i>
        <a href="javascript:;" ui-sref="index.home">首页</a>
    </li>
    <li class="pull-right no-text-shadow">
        {{utc}} UTC
    </li>
</ul>

<div id="dashboard">

    <!-- BEGIN DASHBOARD STATS -->

    <div class="row-fluid">

        <div class="span3 responsive" data-tablet="span6" data-desktop="span3">

            <div class="dashboard-stat blue">

                <div class="visual">

                    <i class="icon-comments"></i>

                </div>

                <div class="details">

                    <div class="number">
                        1349
                    </div>

                    <div class="desc">
                        New Feedbacks
                    </div>

                </div>

                <a class="more" href="#">
                    View more <i class="m-icon-swapright m-icon-white"></i>
                </a>

            </div>

        </div>

        <div class="span3 responsive" data-tablet="span6" data-desktop="span3">

            <div class="dashboard-stat green">

                <div class="visual">

                    <i class="icon-shopping-cart"></i>

                </div>

                <div class="details">

                    <div class="number">549</div>

                    <div class="desc">New Orders</div>

                </div>

                <a class="more" href="#">

                    View more <i class="m-icon-swapright m-icon-white"></i>

                </a>

            </div>

        </div>

        <div class="span3 responsive" data-tablet="span6  fix-offset" data-desktop="span3">

            <div class="dashboard-stat purple">

                <div class="visual">

                    <i class="icon-globe"></i>

                </div>

                <div class="details">
                    <div class="number">+89%</div>
                    <div class="desc">Brand Popularity</div>
                </div>
                <a class="more" href="#">
                    View more <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>

        </div>

        <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
            <div class="dashboard-stat yellow">
                <div class="visual">
                    <i class="icon-bar-chart"></i>
                </div>
                <div class="details">
                    <div class="number">12,5M$</div>
                    <div class="desc">Total Profit</div>
                </div>

                <a class="more" href="#">
                    View more <i class="m-icon-swapright m-icon-white"></i>
                </a>

            </div>

        </div>

    </div>

    <!-- END DASHBOARD STATS -->

    <div class="clearfix"></div>

    <div class="row-fluid">
        <div class="span6">

            <div class="portlet paddingless">

                <div class="portlet-title">

                    <div class="caption"><i class="icon-calendar"></i>今日航班</div>
                    <div class="tools">
                        <a href="javascript:;" class="collapse"></a>
                        <a href="javascript:;" data-toggle="modal" class="config"></a>
                        <a href="javascript:;" class="reload"></a>
                        <a href="javascript:;" class="remove"></a>
                    </div>

                </div>

                <div class="portlet-body">

                    <div class="row-fluid" id="flightList" style="max-height: 405px;">

                        <table class="table table-striped table-bordered table-advance table-hover">
                            <thead>
                                <tr>
                                    <th><i class="icon-briefcase"></i> 航班号</th>
                                    <th><i class="icon-map-marker"></i> 离港机场</th>
                                    <th><i class="icon-map-marker"></i> 到港机场</th>
                                    <th><i class="icon-calendar"></i> 日期</th>
                                    <th><i class=" icon-tag"></i> 状态 </th>
                                </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="f in flightScheduleList">
                                <td class="highlight">
                                    <div class="success" style="position: relative"></div>
                                    <a href="javascript:;">{{f.flightNo}}</a>
                                </td>
                                <td class="hidden-phone">{{f.fromAirport}}</td>
                                <td>{{f.toAirport}}</td>
                                <td>{{f.date | date:'yyyy-MM-dd'}}</td>
                                <th><i class=" icon-tag"></i>{{f.status}}</th>
                            </tr>
                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

        </div>

        <div class="span6">


            <div class="portlet paddingless">
                <div class="portlet-title line">
                    <div class="caption"><i class="icon-bell"></i>公告</div>
                    <div class="tools">
                        <a href="javascript:;" class="collapse"></a>
                        <a href="#portlet-config" data-toggle="modal" class="config"></a>
                    </div>
                </div>

                <div class="portlet-body">

                    <div class="tabbable tabbable-custom">

                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#tab_1_1" data-toggle="tab">全部</a></li>
                            <li><a href="#tab_2_2" data-toggle="tab">系统公告</a></li>
                        </ul>

                        <div class="tab-content" id="slimScrollDiv" style="max-height: 350px;padding-right: 0">

                            <div class="tab-pane active" id="tab_1_1">
                            </div>

                            <div class="tab-pane" id="tab_2_2">
                                <ul class="feeds" style="padding-right: 14px;">
                                    <li ng-repeat="notice in sysNotices | orderBy:'-date'">
                                        <a href="javascript:;" ng-click="open(notice)">
                                            <div class="col1">
                                                <div class="cont">
                                                    <div class="cont-col1">
                                                        <div class="label label-info">
                                                            <i class="icon-bullhorn"></i>
                                                        </div>
                                                    </div>
                                                    <div class="cont-col2">
                                                        <div class="desc">
                                                            {{notice.title}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>

                                        <div class="col2">
                                            <div class="date">
                                                {{notice.date | date:'yyyy-MM-dd'}}
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </div>

                    </div>

                </div>

            </div>


        </div>
    </div>

    <div class="row-fluid">
        <div class="portlet box blue">

            <div class="portlet-title">

                <div class="caption"><i class="icon-calendar"></i>航班动态</div>

                <div class="tools">

                    <a href="" class="collapse"></a>

                    <a href="#portlet-config" data-toggle="modal" class="config"></a>

                    <a href="" class="reload"></a>

                    <a href="" class="remove"></a>

                </div>

            </div>

            <div class="portlet-body" style="margin: 0;padding: 0">
                <iframe style="height: 600px;width: 100%" frameborder="0" ng-src="views/map/map-flight-list.html"></iframe>
            </div>

        </div>

    </div>

</div>


